<template>
  <div style="background-color: #f5f7fa">
    <header class="header">
      <div class="header-container">
        <h1 class="logo">ipss课题组-胡耀光老师</h1>
        <div class="login-btn-container">
          <button id="loginBtn" class="login-btn" @click="goBack">
            返回上一页
          </button>
        </div>
      </div>
    </header>
    <div class="page-wrap">
      <el-card class="hero" shadow="hover">
        <div class="hero-inner">
          <el-avatar :size="120" :src="avatar" @error="() => true" />
          <div class="hero-text">
            <div class="name-row">
              <h1 class="name">胡耀光</h1>
              <el-tag type="success" round>教授</el-tag>
              <el-tag type="primary" round>博导</el-tag>
              <el-tag round>硕导</el-tag>
            </div>
            <div class="subline">机械与车辆学院 · 智能制造工程 / 工业工程</div>
          </div>
        </div>

        <el-divider />

        <el-descriptions :column="3" border size="large" class="basic">
          <el-descriptions-item label="办公地址"
            >中关村校区1号教学楼345</el-descriptions-item
          >
          <el-descriptions-item label="邮编">100081</el-descriptions-item>
          <el-descriptions-item label="邮箱">
            <el-link type="primary" :href="`mailto:${email}`">{{
              email
            }}</el-link>
          </el-descriptions-item>
        </el-descriptions>

        <el-alert
          title="个人简介"
          type="info"
          :closable="false"
          class="intro-title"
        />
        <div class="intro" v-html="intro"></div>
      </el-card>

      <el-card class="content-card" shadow="never">
        <el-tabs tab-position="top" class="tabs">
          <el-tab-pane label="研究方向">
            <div class="section">
              <p class="para">
                {{ research.brief }}
              </p>
              <el-collapse accordion>
                <el-collapse-item name="dir1">
                  <template #title>
                    <strong>方向1：</strong>智能工厂制造过程多目标协同优化与控制
                  </template>
                  <div class="para" v-html="research.dir1"></div>
                </el-collapse-item>
                <el-collapse-item name="dir2">
                  <template #title>
                    <strong>方向2：</strong>制造系统/装备集群远程运维服务与调度
                  </template>
                  <div class="para" v-html="research.dir2"></div>
                </el-collapse-item>
              </el-collapse>
              <el-alert
                class="welcome"
                type="success"
                :closable="false"
                title="招生与合作"
                description="欢迎智能制造工程、机械工程、工业工程等专业同学，以及具有自动化、计算机等专业背景的同学报考硕士和博士研究生；欢迎相关背景青年学者申请博士后。"
              />
            </div>
          </el-tab-pane>

          <el-tab-pane label="教材 / 学术专著">
            <el-timeline>
              <el-timeline-item
                v-for="(b, i) in books"
                :key="i"
                :timestamp="b.time"
                placement="top"
              >
                <div class="item-title">[{{ i + 1 }}] {{ b.title }}</div>
                <div class="item-sub">{{ b.press }}</div>
              </el-timeline-item>
            </el-timeline>
          </el-tab-pane>

          <el-tab-pane label="最新发表论文">
            <el-timeline>
              <el-timeline-item
                v-for="(p, i) in papers"
                :key="i"
                :timestamp="p.year"
                placement="top"
              >
                <div class="item-title">[{{ i + 1 }}] {{ p.citation }}</div>
                <div v-if="p.doi" class="item-sub">
                  DOI：<el-link type="primary" :href="p.doi" target="_blank">{{
                    p.doi
                  }}</el-link>
                </div>
              </el-timeline-item>
            </el-timeline>
          </el-tab-pane>

          <el-tab-pane label="代表性科研项目">
            <div class="proj-group" v-for="(group, gi) in projects" :key="gi">
              <h3 class="group-title">{{ group.category }}</h3>
              <el-timeline>
                <el-timeline-item
                  v-for="(it, ii) in group.items"
                  :key="ii"
                  :timestamp="it.period"
                  placement="top"
                >
                  <div class="item-title">{{ it.title }}</div>
                </el-timeline-item>
              </el-timeline>
              <el-divider v-if="gi < projects.length - 1" />
            </div>
          </el-tab-pane>

          <el-tab-pane label="成果与荣誉">
            <el-timeline>
              <el-timeline-item
                v-for="(a, i) in awards"
                :key="i"
                :timestamp="a.year"
                placement="top"
              >
                <div class="item-title">{{ a.text }}</div>
              </el-timeline-item>
            </el-timeline>
          </el-tab-pane>

          <el-tab-pane label="社会职务">
            <el-timeline>
              <el-timeline-item
                v-for="(s, i) in services"
                :key="i"
                placement="top"
              >
                <div class="item-title">{{ s }}</div>
              </el-timeline-item>
            </el-timeline>
          </el-tab-pane>
        </el-tabs>
      </el-card>

      <div class="source">
        数据来源：
        <el-link
          type="primary"
          href="https://me.bit.edu.cn/szdw/jsml/zzgcx/gygcyjs/bssds13/b185951.htm"
          target="_blank"
        >
          北京理工大学 机械与车辆学院网站教师页
        </el-link>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from "vue";
import { useRouter } from "vue-router";

// 使用 useRoute 获取路由参数
// const route = useRoute();
// const name = route.params.name; // 获取路由参数 name

const router = useRouter();
// 返回上一页
const goBack = () => {
  router.push({
    name: "HomePage",
    query: { tab_active: "members" },
  }); // 返回上一页
};

const avatar = ref("./images/huyaoguang.png");
const email = "hyg@bit.edu.cn";

const intro = `
<p>胡耀光，工学博士，教授，智能制造工程专业（学校首批新工科专业）责任教授，工业与智能系统工程研究所所长，北京市高等学校教学名师。主要从事智能制造/装备运维与工业软件等方向的研究工作，任中国机械工程学会信息工作委员会委员、中国汽车工程学会数字化与智能化工作委员会委员。主持国家重点研发计划、国家自然科学基金等纵向科研项目20余项，共发表SCI/EI收录论文80余篇，出版学术著作3部、教材2部，获农业机械科学技术奖二等奖1项。主持教育部产教融合育人、北京市高等教育教学改革等教学研究项目10余项，主讲课程“生产计划与控制”2019年入选北京市优质本科课程，2020年入选首批国家级线下一流课程，获国家级教学成果奖二等奖1项、北京市教育教学成果奖一等奖1项，2021年获北京市高等学校教学名师奖。</p>
`;

const research = {
  brief:
    "面向智能制造领域，围绕制造过程智能化、装备运维服务智能化开展相关研究工作。",
  dir1: "主要开展可重构产线布局规划、面向产线重构的机器人任务规划、机器人+AGV+设备的联合调度优化、AR+AI驱动的人机协作/人机交互等技术研究与系统研发；",
  dir2: "主要开展基于数字孪生的制造系统/装备运行状态表征、故障预测预警、服务网络规划、服务资源调度优化，装备集群运维服务平台及软件构建、算法开发等。",
};

const books = [
  {
    title: "胡耀光 编著. 《生产计划与控制》（工业工程专业核心教材）",
    press: "机械工业出版社",
    time: "2023.09",
  },
  {
    title:
      "胡耀光 主编. 《智能制造工程：理论、方法与技术》（工信部“十四五”规划教材）",
    press: "北京理工大学出版社",
    time: "2023.12",
  },
  {
    title: "胡耀光 著. 《企业数字化转型与工业4.0渐进之路》",
    press: "电子工业出版社",
    time: "2019.05",
  },
  {
    title: "范玉顺, 胡耀光 著. 《企业信息化战略规划方法与实践》",
    press: "电子工业出版社",
    time: "2007.12",
  },
  {
    title: "王田苗, 胡耀光 著. 《基于价值链的企业流程再造与信息集成》",
    press: "清华大学出版社",
    time: "2002.09",
  },
];

const papers = [
  {
    year: "2023",
    citation:
      "Yaoguang Hu, Lixiang Zhang, Ze Cai, Yan Yan, Chen Yang. Multi-Agent Policy Learning-based Path Planning for Autonomous Mobile Robots. Engineering Applications of Artificial Intelligence. (Accept, to be published).",
    doi: "",
  },
  {
    year: "2023",
    citation:
      "Zhang, L.X.; Yan, Y.; Hu, Y.G. Deep reinforcement learning for dynamic scheduling of energy-efficient automated guided vehicles. Journal of Intelligent Manufacturing.",
    doi: "",
  },
  {
    year: "2023",
    citation:
      "Mao, W.T.; Hu, Y.G.; Yang, X.A.; Ren, W.B.; Fang, H.A. ARE-Platform: An Augmented Reality-Based Ergonomic Evaluation Solution for Smart Manufacturing. International Journal of Human-Computer Interaction.",
    doi: "",
  },
  {
    year: "2023",
    citation:
      "Ren, W.B.; Yang, X.N.; Yan, Y.; Hu, Y.G. The decision-making framework for assembly tasks planning in human–robot collaborated manufacturing system. International Journal of Computer Integrated Manufacturing. 36(2):289–307.",
    doi: "",
  },
  {
    year: "2022",
    citation:
      "Zhang, L.X.; Yang, C.; Yan, Y.; Hu, Y.G. Distributed Real-Time Scheduling in Cloud Manufacturing by Deep Reinforcement Learning. IEEE Transactions on Industrial Informatics, 18(12):8999–9007.",
    doi: "",
  },
  {
    year: "2022",
    citation:
      "Ren, W.B.; Yan, Y.; Hu, Y.G.; Guan, Y. Joint optimization for dynamic flexible job-shop scheduling problem with transportation time and resource constraints. International Journal of Production Research, 60(18):5675–5696.",
    doi: "https://doi.org/10.1080/00207543.2021.1968526",
  },
  {
    year: "2020",
    citation:
      "Han, J.L.; Hu, Y.G.; Mao, M.S.; Wan, S.P. A multi-objective districting problem applied to agricultural machinery maintenance service network. European Journal of Operational Research, 287(3):1120–1130.",
    doi: "https://doi.org/10.1016/j.ejor.2020.05.008",
  },
  {
    year: "2022",
    citation:
      "Ren, W.B.; Wen, J.Q.; Yan, Y.; Hu, Y.G.; Li, J.L. Multi-objective optimization for energy-aware flexible job-shop scheduling problem with assembly operations. International Journal of Production Research, 59(23):7216–7231.",
    doi: "https://doi.org/10.1080/00207543.2020.1836421",
  },
  {
    year: "2023",
    citation:
      "蔡泽, 胡耀光, 闻敬谦, 张立祥. 复杂动态环境下基于深度强化学习的AGV避障方法研究. 计算机集成制造系统, 29(01):236–245.",
    doi: "",
  },
  {
    year: "2020",
    citation:
      "Ren, W.; Wu, K.; Gu, Q.; Hu, Y. Intelligent decision making for service providers selection in maintenance service network: An adaptive fuzzy-neuro approach. Knowledge-Based Systems, 190:105263.",
    doi: "https://doi.org/10.1016/j.knosys.2019.105263",
  },
  {
    year: "2020",
    citation:
      "Hu, Y.; Liu, Y.; Wang, Z.; Wen, J.; Li, J.; Lu, J. A two-stage dynamic capacity planning approach for agricultural machinery maintenance service with demand uncertainty. Biosystems Engineering, 190:201–217.",
    doi: "https://doi.org/10.1016/j.biosystemseng.2019.12.005",
  },
  {
    year: "2020",
    citation:
      "Ren, W.; Wen, J.; Hu, Y.; Li, J. Maintenance service network redesign for geographically distributed moving assets using NSGA-II in agriculture. Computers and Electronics in Agriculture, 169:105170.",
    doi: "https://doi.org/10.1016/j.compag.2019.105170",
  },
  {
    year: "2019",
    citation:
      "Hu, Y.; Xiao, S.; Wen, J.; Li, J. An ANP-multi-criteria-based methodology to construct maintenance networks for agricultural machinery cluster in a balanced scorecard context. Computers and Electronics in Agriculture, 158:1–10.",
    doi: "https://doi.org/10.1016/j.compag.2019.01.031",
  },
  {
    year: "2018",
    citation:
      "Tang, Y.; Hu, Y.; Liu, Y.; Wen, J. Research on the spare parts inventory control for agriculture inter-district… Procedia CIRP, 73:278–283.",
    doi: "https://doi.org/10.1016/j.procir.2018.04.009",
  },
  {
    year: "2016",
    citation:
      "Han, J.; Zhang, G.; Hu, Y.; Lu, J. A solution to bi/tri-level programming problems using particle swarm optimization. Information Sciences, 370–371:519–537.",
    doi: "https://doi.org/10.1016/j.ins.2016.08.022",
  },
  {
    year: "2016",
    citation:
      "Guan, Y.; Hu, Y.; Zhou, R. Joint optimization of delivery constraint and capacity adjustment for electronic component production system. pp. 779–783.",
    doi: "",
  },
  {
    year: "2016",
    citation:
      "Lu, J.; Han, J.; Hu, Y.; Zhang, G. Multilevel decision-making: A survey. Information Sciences, 346–347:463–487.",
    doi: "https://doi.org/10.1016/j.ins.2016.01.084",
  },
  {
    year: "2016",
    citation:
      "Zhou, R.; Hu, Y.; Xiao, S.; Wen, J. A Decision-making approach to field service delivery under mixed maintenance policy. ICIEA2016, 1068–1072.",
    doi: "",
  },
  {
    year: "2016",
    citation:
      "Han, J.; Zhang, G.; Hu, Y.; Lu, J. A solution to bi/tri-level programming problems using particle swarm optimization. Information Sciences, 370–371:519–537.",
    doi: "https://doi.org/10.1016/j.ins.2016.08.022",
  },
  {
    year: "2016",
    citation:
      "Zhou, R.; Hu, Y.; Xiao, S.; Wen, J. A Multi-agent Based Decision-Making Approach for Field Service Delivery of IPS2. Procedia CIRP, 47:228–233.",
    doi: "https://doi.org/10.1016/j.procir.2016.03.070",
  },
  {
    year: "2016",
    citation:
      "Liu, Y.; Hu, Y.; Zhou, R.; Wen, J. An Approach Based on Improved Grey Model for Predicting Maintenance Time of IPS2. Procedia CIRP, 47:204–209.",
    doi: "https://doi.org/10.1016/j.procir.2016.03.047",
  },
  {
    year: "2016",
    citation:
      "Xiao, S.; Hu, Y.; Han, J.; Zhou, R.; Wen, J. Bayesian Networks-based Association Rules and Knowledge Reuse in Maintenance Decision-Making of Industrial Product-Service Systems. Procedia CIRP, 47:198–203.",
    doi: "https://doi.org/10.1016/j.procir.2016.03.046",
  },
  {
    year: "2016",
    citation:
      "Hu, Y.; Li, J.; Wen, J.; Yan, Y. Evaluating knowledge resources in R&D organizations in China: An application using SEM and AHP. Information Development, 32(3):478–495.",
    doi: "",
  },
];

const projects = [
  {
    category: "国家自然科学基金",
    items: [
      {
        title: "模型与数据混合驱动的制造系统可持续运维技术与方法研究",
        period: "2022.01–2025.12",
      },
      {
        title: "面向动态分布式装备集群的维护服务网络设计与服务调度研究",
        period: "2017.01–2020.12",
      },
      {
        title: "基于战略屋的企业战略分解与冲突消解方法研究",
        period: "2011.01–2013.12",
      },
    ],
  },
  {
    category: "国家重点研发计划",
    items: [
      {
        title: "XXX集群运维服务模式与孪生反馈技术研究及构件开发",
        period: "2022.12–2026.11",
      },
      {
        title: "跨区动态作业装备集群协同运维模式与关键技术研究",
        period: "2020.09–2023.06",
      },
      { title: "集团企业智能ERP体系架构研究与应用", period: "2019.12–2022.11" },
      {
        title: "重型拖拉机智能制造技术研究与系统开发",
        period: "2016.07–2020.12",
      },
      {
        title: "联合收割机关键部件可靠性检测技术研究与系统开发",
        period: "2017.07–2020.12",
      },
    ],
  },
  {
    category: "国家863计划",
    items: [
      {
        title: "支持农机装备集群实时作业服务与运维的物联技术研发与示范",
        period: "2013.01–2015.12",
      },
      {
        title: "面向离散型集团企业集约化经营管理平台研发与应用",
        period: "2012.01–2013.12",
      },
    ],
  },
  {
    category: "其他部委项目",
    items: [
      {
        title: "特定区域（北京汽车产业聚集区）工业互联网平台试验测试",
        period: "2018.06–2020.12",
      },
      {
        title: "面向新能源汽车大规模个性化定制的智能制造新模式",
        period: "2017.07–2019.12",
      },
      {
        title: "智能化生产准备与制造过程管控一体化技术研究与推广",
        period: "2009.01–2010.12",
      },
    ],
  },
];

const awards = [
  { year: "2023", text: "国家级教学成果奖二等奖" },
  { year: "2022", text: "北京市高等教育教学成果奖一等奖" },
  { year: "2021", text: "北京市高等学校教学名师奖" },
  { year: "2021", text: "第一届北京高校教师教学创新大赛一等奖" },
  { year: "2019", text: "北京高等学校优秀专业课主讲教师" },
  { year: "2019", text: "第二届北京理工大学教学名师奖" },
  { year: "2019", text: "第四届迪文“课堂教学类”优秀教师奖一等奖" },
  { year: "2018", text: "第二届卓越联盟高校青年教师教学创新大赛一等奖" },
  { year: "2011", text: "第六届T-more“课堂教学类”优秀教师奖三等奖" },
  { year: "2009", text: "北京市青年教师教学基本功比赛一等奖、最佳演示奖" },
];

const services = [
  "“十四五”国家重点研发计划工业软件专项指南专家",
  "“十三五”国家重点研发计划网络协同制造与智能工厂专项指南专家",
  "中国机械工程学会信息工作委员会委员",
  "中国汽车工程学会数字化与智能化工作委员会委员",
  "全国自动化系统与集成标准化技术委员会/工业数据分委会（SAC/TC159/SC4）委员",
  "中国优选法统筹法与经济数学研究会工业工程分会常务理事",
  "中国航天智能制造创新联盟使能技术专业委员会委员",
  "中国航发航空齿轮制造技术创新中心专家委员会委员",
];
</script>

<style scoped>
.page-wrap {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 24px 16px 60px;
  background: #f5f7fa;
}
.hero {
  border-radius: 16px;
  margin-bottom: 16px;
}
.hero-inner {
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-gap: 20px;
  align-items: center;
}
.hero-text .name-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.name {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0.5px;
}
.subline {
  color: #666;
  margin-top: 6px;
}
.basic {
  margin-top: 12px;
}
.intro-title {
  margin-top: 16px;
}
.intro {
  line-height: 1.9;
  color: #333;
  margin-top: 10px;
}
.content-card {
  border-radius: 16px;
  margin-top: 16px;
  padding: 8px 8px 16px;
}
.tabs :deep(.el-tabs__item) {
  font-size: 15px;
}
.section .para {
  line-height: 1.9;
  color: #333;
}
.welcome {
  margin-top: 16px;
}
.item-title {
  font-weight: 600;
}
.item-sub {
  color: #666;
  margin-top: 4px;
}
.group-title {
  font-size: 18px;
  font-weight: 700;
  margin: 14px 0 6px;
}
.source {
  text-align: right;
  margin-top: 16px;
  color: #666;
  font-size: 13px;
}
@media (max-width: 640px) {
  .hero-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .hero-text .name-row {
    justify-content: center;
    flex-wrap: wrap;
  }
}

/* Header */
.header {
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 16px 32px;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  font-size: 24px;
  font-weight: bold;
  color: #1e40af;
}

.login-btn-container {
  display: flex;
  align-items: center;
}

.login-btn {
  background-color: #2563eb;
  color: white;
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  transition: background-color 0.3s ease;
}

.login-btn:hover {
  background-color: #1d4ed8;
}
</style>
